<!-- 
    Bootstrap 4 升级至 Bootstrap 5
    badge badge-secondary 改为 badge bg-secondary
    data-toggle 改为 data-bs-toggle
    data-parent 改为 data-bs-parent
    card-link 不再默认去除a标签的下划线
    
    2022/12/25：
    Bootstrap 4 升级至 Bootstrap 5
    优化了移动端的操作体验和iphone SE机型的布局问题 初步能够使用已完成和未完成 
    但代码就是一坨屎 总有一天会重构的 现在能用就行 毕竟现在是2022/12/26 02:15 太困了 明天还得上课 差不多 就这样
    --Amiya
 -->

<!DOCTYPE html>
<html>

<head>
    <title>你的作业完成了吗？</title>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <link rel="icon" href="../favicon.ico" />
    <meta name="viewport" content="width=device-width, initial-scale=1" />

    <!-- Bootstrap 4 -->
    <!-- <link rel="stylesheet" href="https://cdn.staticfile.org/twitter-bootstrap/4.3.1/css/bootstrap.min.css"> -->
    <!-- <script src="https://cdn.staticfile.org/jquery/3.2.1/jquery.min.js"></script> -->
    <!-- <script src="https://cdn.staticfile.org/popper.js/1.15.0/umd/popper.min.js"></script>
    <script src="https://cdn.staticfile.org/twitter-bootstrap/4.3.1/js/bootstrap.min.js"></script> -->

    <!-- Bootstrap 5 -->
    <link rel="stylesheet" href="https://cdn.staticfile.org/twitter-bootstrap/5.1.1/css/bootstrap.min.css" />
    <script src="https://cdn.staticfile.org/popper.js/2.9.3/umd/popper.min.js"></script>
    <script src="https://cdn.staticfile.org/twitter-bootstrap/5.1.1/js/bootstrap.min.js"></script>

    <style>
        /* bootstrap 4 和 5 还是有点差别的 5的card-link非常丑 所以自己动手丰衣足食 */
        .card-link {
            text-decoration: none;
            display: block;
        }
    </style>
    
    <!-- MUI -->
    <link rel="stylesheet" href="//dev.dcloud.net.cn/mui/dist/css/mui.min.css?v=2017-02-15 11:53:40 +0800">
    <link rel="stylesheet" href="//dev.dcloud.net.cn/mui/assets/css/docs.css?v=2017-02-15 11:53:40 +0800">
    <script src="//dev.dcloud.net.cn/mui/dist/js/mui.min.js?v=2017-02-15 11:53:40 +0800"></script>

    <script src="https://unpkg.com/axios/dist/axios.min.js"></script>
    <script src="./js/main.js"></script>
    <script>finish_amiya_task()</script>
</head>
    
<div class="container mt-3">
        <h2>UserNameの任务列表 <span class="badge bg-secondary">开发中</span></h2>
        <!-- <br> -->

        <!-- 返回主页 -->
        <div class="row">
            <!-- <br> -->

            <!-- Nav tabs -->
            <ul class="nav nav-tabs" role="tablist">
                <li class="nav-item">
<body>
<body>
                    <a class="nav-link active" data-bs-toggle="tab" href="#undone">未完成<span class="mui-badge mui-badge-danger">1</span></a>
                </li>
                <li class="nav-item">
                    <a class="nav-link" data-bs-toggle="tab" href="#done">已完成</a>
                </li>
                <li class="nav-item">
                    <a class="nav-link" data-bs-toggle="tab" href="#like">我的收藏</a>
                </li>

                <!-- 科目选择 下拉框 -->
                <!-- <li class="nav-item dropdown">
                    <a class="nav-link dropdown-toggle" data-bs-toggle="dropdown" href="#">全部学科</a>
                    <div class="dropdown-menu">
                        <a class="dropdown-item" data-bs-toggle="tab" href="#">语文</a>
                        <a class="dropdown-item" data-bs-toggle="tab" href="#">数学</a>
                        <a class="dropdown-item" data-bs-toggle="tab" href="#">英语</a>
                        <a class="dropdown-item" data-bs-toggle="tab" href="#">物理</a>
                        <a class="dropdown-item" data-bs-toggle="tab" href="#">化学</a>
                        <a class="dropdown-item" data-bs-toggle="tab" href="#">政治</a>
                        <a class="dropdown-item" data-bs-toggle="tab" href="#">历史</a>
                    </div>
                </li> -->
                <button type="button" class="btn btn-outline-primary" style="float: right"
                    onclick='location.href=("../index.html")'>
                    返回主页
                </button>
            </ul>
        </div>

        <!-- Tab panes -->
        <div class="tab-content">
            <!-- 未完成页面 -->
            <div id="undone" class="container tab-pane active">
                <br />
                <!-- 手风琴特效 -->
                <div id="homework">
                    <!-- 语文 -->
                    <div class="card">
                        <div class="card-header">
                            <a class="card-link" data-bs-toggle="collapse" href="#Chinese">
                                语文(暂时全放在了语文)
                            </a>
                        </div>
                        <!-- collapse show 手风琴默认打开 -->
                        <div id="Chinese" class="collapse" data-bs-parent="#homework">
                            <div class="card-body">
                                <!-- <a class="list-group-item list-group-item-action" -->
                                <!-- href="https://unitest.zy.com/pages/login/examLogin?examCode=jw8m04i31g&amp;memberId=415130E4-45ED-4034-84E8-7C701AC2239A">【英语】周末训练（2021越秀区期末）<br>&nbsp;•&nbsp;发布日期: -->
                                <!-- 2022-12-24 10:05:11<br>&nbsp;•&nbsp;截止日期: 2022-12-26 00:00:00</a><br> -->
                                <!-- 这个div是用来使第一份圆角生效的 -->
                                <div></div>
                            </div>
                        </div>
                    </div>

                    <!-- 数学 -->
                    <div class="card">
                        <div class="card-header">
                            <a class="card-link" data-bs-toggle="collapse" href="#Math">
                                数学(后期颜色会随截止时间变化)
                            </a>
                        </div>
                        <div id="Math" class="collapse" data-bs-parent="#homework">
                            <div class="card-body">
                                <!-- <a class="list-group-item list-group-item-action"
                                    href="https://unitest.zy.com/pages/login/examLogin?examCode=jw8m04i31g&amp;memberId=415130E4-45ED-4034-84E8-7C701AC2239A">【英语】周末训练（2021越秀区期末）<br>&nbsp;•&nbsp;发布日期:
                                    2022-12-24 10:05:11<br>&nbsp;•&nbsp;截止日期: 2022-12-26 00:00:00<br><br></a> -->
                            </div>
                        </div>
                    </div>

                    <!-- 英语 -->
                    <div class="card">
                        <div class="card-header">
                            <a class="card-link" data-bs-toggle="collapse" href="#English">
                                英语(还是只有最近发布的50条内容)
                            </a>
                        </div>
                        <div id="English" class="collapse" data-bs-parent="#homework">
                            <div class="card-body">
                                <!-- <a class="list-group-item list-group-item-action"
                                    href="https://unitest.zy.com/pages/login/examLogin?examCode=jw8m04i31g&amp;memberId=415130E4-45ED-4034-84E8-7C701AC2239A">【英语】周末训练（2021越秀区期末）<br>&nbsp;•&nbsp;发布日期:
                                    2022-12-24 10:05:11<br>&nbsp;•&nbsp;截止日期: 2022-12-26 00:00:00</a><br> -->
                                <!-- 这个div是用来使第一份圆角生效的 -->
                                <div></div>
                            </div>
                        </div>
                    </div>

                    <!-- 物理 -->
                    <div class="card">
                        <div class="card-header">
                            <a class="card-link" data-bs-toggle="collapse" href="#Physics">
                                物理
                            </a>
                        </div>
                        <div id="Physics" class="collapse" data-bs-parent="#homework">
                            <div class="card-body">
                                <!-- <a class="list-group-item list-group-item-action"
                                    href="https://unitest.zy.com/pages/login/examLogin?examCode=jw8m04i31g&amp;memberId=415130E4-45ED-4034-84E8-7C701AC2239A">【英语】周末训练（2021越秀区期末）<br>&nbsp;•&nbsp;发布日期:
                                    2022-12-24 10:05:11<br>&nbsp;•&nbsp;截止日期: 2022-12-26 00:00:00</a><br> -->
                            </div>
                        </div>
                    </div>

                    <!-- 化学 -->
                    <div class="card">
                        <div class="card-header">
                            <a class="card-link" data-bs-toggle="collapse" href="#Chemistry">
                                化学
                            </a>
                        </div>
                        <div id="Chemistry" class="collapse" data-bs-parent="#homework">
                            <div class="card-body">
                                <!-- <a class="list-group-item list-group-item-action"
                                    href="https://unitest.zy.com/pages/login/examLogin?examCode=jw8m04i31g&amp;memberId=415130E4-45ED-4034-84E8-7C701AC2239A">【英语】周末训练（2021越秀区期末）<br>&nbsp;•&nbsp;发布日期:
                                    2022-12-24 10:05:11<br>&nbsp;•&nbsp;截止日期: 2022-12-26 00:00:00</a><br> -->
                            </div>
                        </div>
                    </div>

                    <!-- 政治 -->
                    <div class="card">
                        <div class="card-header">
                            <a class="card-link" data-bs-toggle="collapse" href="#Politics">
                                政治
                            </a>
                        </div>
                        <div id="Politics" class="collapse" data-bs-parent="#homework">
                            <div class="card-body">
                                <!-- <a class="list-group-item list-group-item-action"
                                    href="https://unitest.zy.com/pages/login/examLogin?examCode=jw8m04i31g&amp;memberId=415130E4-45ED-4034-84E8-7C701AC2239A">【英语】周末训练（2021越秀区期末）<br>&nbsp;•&nbsp;发布日期:
                                    2022-12-24 10:05:11<br>&nbsp;•&nbsp;截止日期: 2022-12-26 00:00:00</a><br> -->
                            </div>
                        </div>
                    </div>

                    <!-- 历史 -->
                    <div class="card">
                        <div class="card-header">
                            <a class="card-link" data-bs-toggle="collapse" href="#history">
                                历史
                            </a>
                        </div>
                        <div id="history" class="collapse" data-bs-parent="#homework">
                            <div class="card-body">
                                <!-- <a class="list-group-item list-group-item-action"
                                    href="https://unitest.zy.com/pages/login/examLogin?examCode=jw8m04i31g&amp;memberId=415130E4-45ED-4034-84E8-7C701AC2239A">【英语】周末训练（2021越秀区期末）<br>&nbsp;•&nbsp;发布日期:
                                    2022-12-24 10:05:11<br>&nbsp;•&nbsp;截止日期: 2022-12-26 00:00:00</a><br> -->
                            </div>
                        </div>
                    </div>
                </div>
            </div>

            <!-- 已完成页面 -->
            <div id="done" class="container tab-pane fade">
                <br />
                <!-- <h3>正在制作中……</h3>
                <p>别急 该有的都会有的</p> -->
                <!-- 手风琴特效 -->
                <div id="homework">
                    <!-- 语文 -->
                    <div class="card">
                        <div class="card-header">
                            <a class="card-link" data-bs-toggle="collapse" href="#Chinese_done">
                                语文(暂时全放在了语文)
                            </a>
                        </div>
                        <!-- collapse show 手风琴默认打开 -->
                        <div id="Chinese_done" class="collapse" data-bs-parent="#homework">
                            <div class="card-body">
                                <!-- <a class="list-group-item list-group-item-action" -->
                                <!-- href="https://unitest.zy.com/pages/login/examLogin?examCode=jw8m04i31g&amp;memberId=415130E4-45ED-4034-84E8-7C701AC2239A">【英语】周末训练（2021越秀区期末）<br>&nbsp;•&nbsp;发布日期: -->
                                <!-- 2022-12-24 10:05:11<br>&nbsp;•&nbsp;截止日期: 2022-12-26 00:00:00</a><br> -->
                                <!-- 这个div是用来使第一份圆角生效的 -->
                                <div></div>
                            </div>
                        </div>
                    </div>

                    <!-- 数学 -->
                    <div class="card">
                        <div class="card-header">
                            <a class="card-link" data-bs-toggle="collapse" href="#Math">
                                数学(后期颜色会随截止时间变化)
                            </a>
                        </div>
                        <div id="Math" class="collapse" data-bs-parent="#homework">
                            <div class="card-body">
                                <!-- <a class="list-group-item list-group-item-action"
                                    href="https://unitest.zy.com/pages/login/examLogin?examCode=jw8m04i31g&amp;memberId=415130E4-45ED-4034-84E8-7C701AC2239A">【英语】周末训练（2021越秀区期末）<br>&nbsp;•&nbsp;发布日期:
                                    2022-12-24 10:05:11<br>&nbsp;•&nbsp;截止日期: 2022-12-26 00:00:00<br><br></a> -->
                            </div>
                        </div>
                    </div>

                    <!-- 英语 -->
                    <div class="card">
                        <div class="card-header">
                            <a class="card-link" data-bs-toggle="collapse" href="#English">
                                英语(还是只有最近发布的50条内容)
                            </a>
                        </div>
                        <div id="English" class="collapse" data-bs-parent="#homework">
                            <div class="card-body">
                                <!-- <a class="list-group-item list-group-item-action"
                                    href="https://unitest.zy.com/pages/login/examLogin?examCode=jw8m04i31g&amp;memberId=415130E4-45ED-4034-84E8-7C701AC2239A">【英语】周末训练（2021越秀区期末）<br>&nbsp;•&nbsp;发布日期:
                                    2022-12-24 10:05:11<br>&nbsp;•&nbsp;截止日期: 2022-12-26 00:00:00</a><br> -->
                                <!-- 这个div是用来使第一份圆角生效的 -->
                                <div></div>
                            </div>
                        </div>
                    </div>

                    <!-- 物理 -->
                    <div class="card">
                        <div class="card-header">
                            <a class="card-link" data-bs-toggle="collapse" href="#Physics">
                                物理
                            </a>
                        </div>
                        <div id="Physics" class="collapse" data-bs-parent="#homework">
                            <div class="card-body">
                                <!-- <a class="list-group-item list-group-item-action"
                                    href="https://unitest.zy.com/pages/login/examLogin?examCode=jw8m04i31g&amp;memberId=415130E4-45ED-4034-84E8-7C701AC2239A">【英语】周末训练（2021越秀区期末）<br>&nbsp;•&nbsp;发布日期:
                                    2022-12-24 10:05:11<br>&nbsp;•&nbsp;截止日期: 2022-12-26 00:00:00</a><br> -->
                            </div>
                        </div>
                    </div>

                    <!-- 化学 -->
                    <div class="card">
                        <div class="card-header">
                            <a class="card-link" data-bs-toggle="collapse" href="#Chemistry">
                                化学
                            </a>
                        </div>
                        <div id="Chemistry" class="collapse" data-bs-parent="#homework">
                            <div class="card-body">
                                <!-- <a class="list-group-item list-group-item-action"
                                    href="https://unitest.zy.com/pages/login/examLogin?examCode=jw8m04i31g&amp;memberId=415130E4-45ED-4034-84E8-7C701AC2239A">【英语】周末训练（2021越秀区期末）<br>&nbsp;•&nbsp;发布日期:
                                    2022-12-24 10:05:11<br>&nbsp;•&nbsp;截止日期: 2022-12-26 00:00:00</a><br> -->
                            </div>
                        </div>
                    </div>

                    <!-- 政治 -->
                    <div class="card">
                        <div class="card-header">
                            <a class="card-link" data-bs-toggle="collapse" href="#Politics">
                                政治
                            </a>
                        </div>
                        <div id="Politics" class="collapse" data-bs-parent="#homework">
                            <div class="card-body">
                                <!-- <a class="list-group-item list-group-item-action"
                                    href="https://unitest.zy.com/pages/login/examLogin?examCode=jw8m04i31g&amp;memberId=415130E4-45ED-4034-84E8-7C701AC2239A">【英语】周末训练（2021越秀区期末）<br>&nbsp;•&nbsp;发布日期:
                                    2022-12-24 10:05:11<br>&nbsp;•&nbsp;截止日期: 2022-12-26 00:00:00</a><br> -->
                            </div>
                        </div>
                    </div>

                    <!-- 历史 -->
                    <div class="card">
                        <div class="card-header">
                            <a class="card-link" data-bs-toggle="collapse" href="#history">
                                历史
                            </a>
                        </div>
                        <div id="history" class="collapse" data-bs-parent="#homework">
                            <div class="card-body">
                                <!-- <a class="list-group-item list-group-item-action"
                                    href="https://unitest.zy.com/pages/login/examLogin?examCode=jw8m04i31g&amp;memberId=415130E4-45ED-4034-84E8-7C701AC2239A">【英语】周末训练（2021越秀区期末）<br>&nbsp;•&nbsp;发布日期:
                                    2022-12-24 10:05:11<br>&nbsp;•&nbsp;截止日期: 2022-12-26 00:00:00</a><br> -->
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div id="like" class="container tab-pane fade">
                <br />
                <h3>正在制作中……</h3>
                <p>别急 该有的都会有的</p>
            </div>
        </div>
        <!-- 页数选择 - 未完成 -->
        <ul class="pagination justify-content-center" style="margin: 20px 0">
            <li class="page-item disabled">
                <a class="page-link" href="#">首页</a>
            </li>
            <li class="page-item"><a class="page-link" href="#">1</a></li>
            <li class="page-item"><a class="page-link" href="#">2</a></li>
            <li class="page-item"><a class="page-link" href="#">3</a></li>
            <li class="page-item"><a class="page-link" href="#">尾页</a></li>
        </ul>
    </div>
</body>

<script>
    // 添加任务至列表
    var amiya_token = "6ff9dd8c-dcbf-414f-8a02-6c693de20b7e";
    var zzy_token = "7fdaa624-4cd4-4391-bc3f-e471d0dc0bbe";
    var token = '';

    // // 未完成
    // getJson(1, 50, false, token).then((json) => {
    //     addTask(json,'Chinese','task_list_done');
    // });

    // // 已完成
    // getJson(1, 50, true, token).then((json) => {
    //     addTask(json, "Chinese_done",'task_list_done');
    // });
</script>

</html>